举一反三是非常有效的学习方法,同时也是很重要的一项能力,我们从小学就开始用这种方式做数学题,老师通过举例教给我们一个解题方法,之后就会给我们布置好几道同类型的作业题,让我们用同样的方式来解题,如果你能顺利完成,说明你已经基本掌握了这个方法,如果不能,那么你还要重新分析原来的案例,看是哪一步出了错,有没有遗漏的地方,最好再去请教一下老师,直至弄明白为止。其实学设计也是这么一个过程,很多设计新手常常连抄都抄不好,一方面是因为基础太差,这需要先做一些更简单的练习;另一方面说明对参考的分析还不够准确和透彻,这需要学习如何正确拆解案例。拆解设计案例要遵循“从大到小”的思路,即先分析设计目的、设计调性、设计形式、设计风格等决定了设计大方向的因素;再去分析诸如:字体、字号、文字排列方式、间距和行距、配图、配色、图片美化、装饰元素等执行细节问题,做设计的时候也要按照这样的思路,否则很容易在错误的方向上越走越远。下面葱爷给大家分享两个案例的拆解思路。
纪念画展海报设计
首先要明确案例的目的,设计师的所有工作都应该指向最终的目的,否则就是没有意义的。明确了设计目的以后,我们就可以推导出设计的需要满足的基本需求。比如该海报的目的是展示、宣传画展的意义、内容、时间、地点等相关信息,告知大众、并吸引人前去看展。所以该海报需要满足:内容清晰、视觉冲击力强、具有强烈的“木岛樱谷”风格等等。该海报以木岛樱谷的代表画作为视觉主体,配色偏暖,给人一种文艺、温暖、简单、细腻的感觉,符合艺术展的调性。亮点即画面中那些处理很巧妙、很吸引人,而且不是很常规的地方,比如图形创意、构图、排版、设计风格等等,优秀的设计一定要有亮点,所以,在做设计的时候千万别忘了问一问自己的作品有什么亮点,在找参考的时候也要找有亮点的作品作为参考。
该海报的亮点为构图,画面背景为木岛樱谷三张动物美术作品,三张美术作品把版面切割成大小不一的三个部分,从而形成了鲜明的主次关系;设计师通过对三张作品进行裁切(主要展现动物的头部)和排版(使动物的头部形成错位排版),使得三个动物的眼睛刚好连成一条曲线,这使得画面更加平衡、更具故事性和吸引力。
海报中的字体为衬线体(宋体),宋体是一款很经典、有着浓厚历史底蕴的字体,比较适合这种水墨画的画风;由于画展位于日本,所以海报中的文字排版主要为竖排,只有右下角的展览时间为横排。版面中的文字主要分为四组,每一组分别顶着版面的四个角进行排版,这样在视觉上比较平衡,而且信息经过分组后会,信息层级会更加清晰,视觉上也会更整洁,信息的可读性更高;根据字号的大小和内容的多少,四块信息组也呈现出鲜明的主次关系。
竖排的三组文字,其中的大标题都是与对应的图片两端对齐(上下对齐),而正文则仅仅是是一端对齐(上对齐或下对齐),所以在视觉上给人很严谨、很专业,但并不死板的感觉。另外,每一组文字都是挨着页边距往里排,可以尽量多留一点空间用来展示图片,文字在排版时也有意避开了动物的头部。每一组文字中都鲜明的大小对比,把核心文字(标题)拉得很大,正文的字号则比较小;每一个标题旁边都加了一个英文标题,汉字与英文在字形上的对比,可以起到很好的装饰作用。另外,时间之所以横排在右下角,除了可以加强版面的平衡性外,也是为了可以与其他竖排的文字组形成方向对比。
背景中的三张美术作品为中性色,略微偏点暖色,所以文字要使用比较鲜艳的颜色才能跳出来。而由于本次画展是纪念展,所以用暖色更为合适;文字全部使用同一个颜色(朱红色),视觉上更整体、更统一、也更高级。
1.调性
该海报给人一种朴实而高级的感觉,还有一点点复古的味道,与该展览的调性比较吻合。
2.亮点
❶ 在构图上只展示“布”的一角,这既可以让我们看清楚“布”角落处的细节,同时,刻意打破了布的边缘与版面边缘的平行关系,形式更特别、更有动感。
❷ 文字排版非常细腻,与布上精致的图案形成呼应。
3.排版
❶ 字体
该海报共用了四款字体,不过除了标题“布”字用了一个浑厚的手写体外;其他文字使用的全是衬线体;字号较大的文字用了粗宋(笔画横细竖粗很明显)、字号较小的文字则用了一个横笔画相对粗一点的宋体,以加强文字的识别性。
❷ 信息分组
该海报中核心区域的排版内容笼统来看是分成了上下两组,但细看的话你会发现,其实是分成了七组,如下图所示:
如何区分版面的信息分组呢?一是看内容,每一个组别都是在讲同一个内容,比如展览名称、主办单位、时间地点等;二是看疏密关系,组与组之间的间隔会大于同组类信息之间的间隔(行距)。
❹ 对齐方式
文字排版整体上采用的是居中对齐,可能有人会觉得从版面的构图来看,左对齐排版不应该更好吗?因为版面左边是直边,而右边是异形空间,葱爷试了一下,左对齐的效果确实也可以。
但是会略显常规,完全在意料之中,而且你有没有发现,居中对齐排版,左边是开放的,而如果改成左对齐排版,那么左边就像形成来一堵墙,变成封闭的了,所以灵活性会差一点。另外还有一个重要原因,是该海报有一个系列,每一张海报都采用了同一种排版方式,居中对齐可以满足不同的构图需求,而左对齐相对比较局限。
❺ 字号
该版面中的字号非常多,因为一方面设计师要通过字号大小来区分信息的重要性,使版面具备清晰的层级关系;另一方面也要通过字号大小控制文字行的长短,使文字排版的整体轮廓尽量自然、美观。
我们可以仔细观察一下文字组合在一起形成的边缘轮廓,可以发现:首先,每相连的两行文字都不会一样长;其次,文字行都是长短交错,不会出现超过三行文字连续越来越长或越来越短的情况。
❻ 间距
间距除了第一行“将.无界”这几个字的间距比较大,其他文字都是常规间距。这么处理的原因,一方面是这几个字的意义大气而具有诗意,把字间距拉大,延迟阅读时在每个字之间的停留时间,更能表达出这种意境;另一方面是这句话字数太少、又不是特别重要,所以在字号较小的情况下,整句话会变得特别短,视觉上不会很好看,所以通过加大间距的方式来增加其长度。
❼ 行距
同一个组别内的信息,每一行的行距在视觉上都是均等的(会根据字号大小有所调整:大字号与大字号的行距最大、大字号与小字号的行距次之、小字号与小字号的行距最小),都是便于阅读的常规行距;组与组之间的的行距要明显大一些,这样可以避免版面过于拥挤、没有层次、不便于阅读。
❽ 其他细节
虽然文字排版在整体上是居中对齐,但在个别地方也有变化,比如把“第四回”字样竖排,并设计成了一个印章效果,成了该版面中的点睛之笔,既打破了原本单调的氛围,也加强了传统手工艺品的氛围。
展览时间里把月和日的时间突出、把周六和周日缩小竖排,一方面是出于信息重要性的区分,另外也控制了句子的长度,以及加强了文字的大小对比。
合作品牌的logo排成一行放在版面底部,且颜色全部换成了深蓝色(正常情况下这种方式是不允许的,因为每个品牌的logo颜色都有规定,这张海报中的情况,主办方应该与品牌方有沟通),视觉上更统一,也起到了平衡的作用。
网址和其他展览信息竖排分成两行放在左上角和右下角,可以与版面中的横排文字形成对比,视觉上也比较平衡。
4.色彩
配色主要由图片决定,配图中的布主要为深蓝色,花纹为偏一点点绿的浅灰色,所以画面中的文字和背景也分别使用了两个颜色,只是把明度稍稍提高了一点,红色作为点缀色。整体来看,配色简单而干净,优雅而高级.。
当你用以上的方法将一个案例进行拆解完以后,你就基本上搞清楚了它的设计套路和细节,当你用这些要领去重新设计一张类似的海报时,就更容易达到你想要的效果,当然,为了避免与参考过于相似,在一些细节的处理上也可以刻意做些改变,不过改动越大,对设计能力的要求就越高,我们可以循序渐进地来。
如果你想看更多的案例拆解,可以加入葱爷知识星球,另外,从2023年1月1日起,葱爷将在知识星球组织大家做案例拆解的打卡练习,带着大家学习如何正确拆解设计案例,一起来吧!